<template>
  <div>
    <router-link to="/find">到发现页</router-link><br>
    <router-link to="friend">到朋友页</router-link><br>
    <router-link to="my">到我的页</router-link><br>

    <!-- 默认是多实例模式，每次跳转时会创建一个新页面 -->
    <!--keep-alive缓存组件-->
    <!--是内置组件，包住router-view默认会把所有的组件都变成单实例进行复用-->
    <!-- 如果要全部开启单实例，则不需要设置include -->
    <!-- 如果要针对某个页面开启单实例，要去给组件的export default中设置name:属性 -->
    <!-- :max可以设置最大的缓存数量 -->
      
    <keep-alive :include="['HmFind']">
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
//   常用的4大阶段，8个钩子函数
// 创建前后
// 挂载前后
// 更新前后
// 销毁前后

// 当使用keep-alive缓存组件时，被缓存的组件，会多两个钩子函数
// activated激活和deactivated离开

}
</script>

<style 
scoped>
</style>